
.app-wrap {width:100vw;min-height:calc(100vh);background-image:url('../images/login_bg.png');background-repeat:no-repeat;background-size:cover;}
.login_content { width: 75%; margin: 0 auto; padding-top:28px;}
.login_content.logo {width:225px;height:50px;}
.login_head {display:flex;justify-content:space-between;align-items:center;}
.return_shop {background-color:#FFF;border-radius:25px;align-items:center;}
.return_shop a {display:flex;color:#888888;text-decoration:none; display: block;padding:0.17rem 0.3rem;font-size:0.16rem;cursor:pointer;}
.return_shop img {width:7px;height:12px;margin-left:10px;padding-top:3px;}
.login_input_flex {display:flex;justify-content:flex-end; margin-top: 4%;}
.login_input_flex .login_input_view{width:4.85rem;height:5.8rem;padding:0.45rem 0.6rem;border-radius:20px;background:#FFF url('../images/login_content_bg.jpg') no-repeat;background-size:cover; box-sizing: border-box; box-shadow: 0 0 20px rgba(6,55,129,0.1);;}
.login_input_flex .el-tabs { width: 100%; margin-top: 10px;}
.login_input_flex .el-tabs__nav{ text-align: center;}
.login_input_flex .el-tabs__item:hover{ color: #017cba;}

.login_input_value {margin-top:40px;}
.login_input_value input {width:99%;height:0.6rem;padding:0px 4%;border-radius:30px;background-color:#fff;border:none;outline:none; font-size: 0.16rem;}
.login_input_value > div {margin-top:10px; margin-bottom: 10px;}
.login_input_value .forget_pass {color:#888888;font-size: 14px; margin: 20px 0; height: 20px;}
.login_input_value .forget_pass a {color:#888888;}
.login_input_value .forget_pass .el-form-item__content, .xieyi .el-form-item__content{ overflow: hidden;line-height: 1;}
.login_input_value .forget_pass .left{ float: left; display: flex; align-items: center;line-height: 1;}
.login_input_value .forget_pass .el-checkbox, .xieyi .el-checkbox{ margin-right: 5px;}
.login_input_value .forget_pass a{ float: right;}

.login_button {width:100%;height:0.6rem;text-align:center;letter-spacing:4px;border-radius:30px !important; background-color:#017cba;color:#FFF; font-size: 0.16rem; margin-top: 0.5rem;}
.login_input_value .xieyi {margin-top:15px;color:#888; margin-bottom: 45px;}
.login_input_value .xieyi a {color: #017CBA;}
.register_account {margin-top:25px;text-align:center;cursor:pointer;}
.register_account a {color:#BBBBBB;text-decoration:none; font-size: 14px;}
.copyright {width:100vw;position:fixed;bottom:30px;left:0px;color:#888;text-align:center;}
.input_code,.imgcode,.setpass {display:flex;background-color:#FFF;border-radius:22.5px;white-space:nowrap;align-items:center;padding:0px 10px;}
.imgcode img {width:75px;height:35px;}
.changepass_icon {width:50px;height:45px;cursor:pointer;display:flex;justify-content:center;align-items:center;}
.setpass img {width:15px;height:15px;}

/* 验证码 */
.code-box{ margin-bottom: 0.6rem;}
.code-box .el-input{ position: relative;}
.code-box .send_code { position: absolute; right:0; top: 0; line-height: 0.6rem; padding: 0 0.25rem; color:#017cba;font-weight:bold;cursor:pointer; font-size: 0.16rem;}
.code-box .send_code::before{ content: ""; position: absolute; left: 0; top: 0.23rem; width: 1px; height: 0.14rem; border-left: 1px solid #eee;}
.login-phone .login_button{ margin-top: 1rem;}

/* 注册 */
.login_input_flex .register{ height: 6.45rem;}
.login_input_flex .register .el-select{ width: 99%;}
.login_input_flex .register .login_button{ margin-top: 0.2rem;}
.login_type {display:flex;justify-content:center;align-items:center; color: #017cba; font-size: 0.24rem;}
.login_type > div {cursor:pointer; font-size: 0.24rem;}
.pass_text {color:#BBBBBB; font-size: 14px;}
.pass_text img {width:12px;height:12px;}
.login_input_flex .register .code-box .send_code{ display: flex; align-items: center; height: 100%; }
.login_input_flex .register .code-box .send_code::before{border-left:0;}


/* 切换 */
.el-tabs__nav{
    float: none;
}
.el-tabs__item{
    font-size: 0.24rem;
    color: #888888;
}
.el-tabs__item.is-active{
    color: #017CBA;
}
.el-tabs__active-bar,
.el-tabs__nav-wrap::after{
    height: 0;
}
